<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>货品查询</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
</head>
<body>
    <div class="layui-card-body">
        <form>
            <label>存货编码：</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="itemCode">
            </div>
            <label style="padding-left:45px;"></label>
            <button id="search" type="button" class="layui-btn layui-btn-radius" data-type="reload">查&nbsp;&nbsp;询</button>
            <a class="layui-btn layui-btn-danger layui-btn-sm" style="margin-left: 20px;" id="T" href="javascript:getSUP();">+录入货品</a>
            <br>
            <table class="layui-hide" id="buyertable" lay-filter="demo"></table>
        </form>
    </div>
    <script src="../../layuiadmin/layui/layui.js?t=1"></script>
    <!-- 操作按钮 -->
    <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>
    <script>
        layui.use('table', function(){
            var table = layui.table;
            var $ = layui.$;

            table.render({
                elem: '#buyertable'
                ,url:'http://localhost:8086/selectItemForPage'
                ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                ,data:[]
                ,cols:
                    [
                        [
                            {field:'itemId', width:80, title: 'ID', sort: true}
                            ,{field:'itemCode', width:90, title: '存货编码'}
                            ,{field:'itemName', width:100, title: '存货名称'}
                            ,{field:'itemSpecification', width:110, title: '规格'}
                            ,{field:'enabledFlag', width:110, title: '是否启用'}
                            ,{field:'description', title: '备注', width: '30%', minWidth: 100} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
                            /*,{field:'bidderName', title: '投标人（单人）', sort: true}
                            ,{field:'bidderPhone', title: '投标人电话', sort: true}
                            ,{field:'registeredArea', title: '注册地区'}
                            ,{field:'remarks', width:137, title: '备注', sort: true}*/
                            ,{fixed: 'right', width:178, align:'left', toolbar: '#barDemo'} 	//添加工具条
                        ]
                    ]
                ,page: true
                ,done:function(data){}
            });
            //为工具条添加监听
            //这里括号里对应table设置的lay-filter属性！！
            table.on('tool(demo)', function(obj) {
                //获取当前行数据
                var data = obj.data;
                //获取event对应的值
                var event = obj.event;
                //获取当前行的dom对象
                var tr = obj.tr;

                if (event === 'detail') {		//如果点击了查看按钮
                    //执行查看详情的方法

                } else if (event === 'del') {	//如果点击了删除按钮
                    //执行异步删除方法
                    //删除方法
                    var layer = layui.layer;
                    layer.confirm('真的删除行么', function(index){
                        //index表示第几次弹出层不是索引值，也不是主键等信息
                        //刷新页面重置
                        $.ajax({
                            url:'http://localhost:8086/delBuyer',
                            data:{'itemId':data.itemId},
                            type:"Post",
                            dataType:"json",
                            success:function(data){
                                console.log(data);
                                layer.msg(data.msg);
                                /*location.reload(); //删除成功后再刷新*/
                                obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                                layer.close(index);
                            },
                            error:function(data){
                                $.messager.alert('错误',data.msg);
                            }
                        });
                    })
                } else if (event === 'edit') {	//如果点击了修改按钮
                    //执行修改方法
                    var layer = layui.layer;
                    layer.open({
                        type: 2,
                        title: "+编辑货品",
                        area: ['800px', '480px'],
                        skin: 'layui-layer-rim',
                        content: ['http://localhost:8086/page?url=new/updateitem.html'],
                        success : function(layero, index){
                            var body = layui.layer.getChildFrame('body', index);
                            if(data){
                                // 取到弹出层里的元素，并把编辑的内容放进去
                                body.find("#itemId").val(data.itemId);
                                body.find("#itemCode").val(data.itemCode);  //将选中的数据的id传到编辑页面的隐藏域，便于根据ID修改数据
                                body.find("#itemName").val(data.itemName);  //密码
                                body.find("#itemSpecification").val(data.itemSpecification);  //登录时间
                                body.find("#enabledFlag input[value="+data.enabledFlag+"]").prop("checked","checked");  //是否启用
                                body.find("#description").val(data.description);  //备注
                                // 记得重新渲染表单
                                form.render();
                            }
                            setTimeout(function(){
                                layui.layer.tips('点击此处返回用户列表', '.layui-layer-setwin .layui-layer-close', {
                                    tips: 3
                                });
                            },500)
                        }
                    });
                }
            });
            var active = {
                reload: function () {
                    //搜索，执行重载
                    table.reload('buyertable', {
                        url: 'http://localhost:8086/selectItemForPage'
                        ,where: {
                            /*id: document.getElementById("uid").value*/
                            itemCode: document.getElementById("itemCode").value
                        }
                    });
                }
            };

            $('#search').on('click', function () {
                var type = $(this).data('type');
                console.info(type);
                active[type] ? active[type].call(this) : '';
            });
        });

        function getSUP() {
            var layer = layui.layer;
            layer.open({
                type: 2,
                title: "+录入货品",
                area: ['800px', '480px'],
                skin: 'layui-layer-rim',
                content: ['http://localhost:8086/page?url=new/insertitem.html']
            });
        }

    </script>
</body>
</html>